.jacket-title {
    display: inline-block;
    /* margin-left: 160px; */
    margin-top: 80px;
    font-size: 36px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
}
.jacket-box{
    width: 1200px;
    margin: 0 auto;
}
.bolder-title {
    font-size: 36px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 500;
}

.cloth-box {
    width: 1200px;
    /* height: 1200px; */
    margin: 0 auto;
    /* background-color: green; */
    /* overflow: hidden; */
}

.cloth-box .jacket-item {
    float: left;
    width: 345px;
    height: 465px;
    margin-top: 80px;
    margin-right: 82.5px;
}

.cloth-box .jacket-item.right-last {
    margin-right: 0;
}

.cloth-box .jacket-item .jacket-link {
    float: left;
    width: 345px;
    height: 345px;
    background: url(../imgs/logo_files/figure-8.png) no-repeat;
    background-size: 345px 345px;
}

.cloth-box .jacket-item .jacket-dec {
    float: left;
    width: 100%;
    margin-top: 24px;
    color: #333333;
    letter-spacing: 0;
}

.cloth-box .jacket-item .jacket-size {
    float: left;
    width: 100%;
    margin-top: 8px;
    color: #333333;
    letter-spacing: 0;
}

.cloth-box .jacket-item .jacket-price {
    float: left;
    margin-top: 16px;
    font-size: 20px;
    color: #CE0404;
    letter-spacing: 0;
    font-weight: 500;
}

.cloth-box .jacket-item .like-cloth {
    float: left;
    width: 21px;
    height: 21px;
    margin-top: 8px;
    margin-left: 225px;
    cursor: pointer;
}

.cloth-box .jacket-item .cart-cloth {
    float: right;
    width: 21px;
    height: 21px;
    margin-top: 8px;
    cursor: pointer;
}

.site-foot {
    width: 1200px;
    margin: 0 auto;
}

.cloth-page {
    float: left;
    width: 500px;
    margin-top: 80px;
    margin-bottom: 120px;
    margin-left: 384px;
}

.cloth-page .cloth-page-num {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    background: #FFFFFF;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.cloth-page .dot {
    float: left;
    width: 4px;
    height: 4px;
    background: #DDDDDD;
    margin-left: 4px;
    margin-top: 14px;
    /* 直接改变鼠标的样式 
        default 默认； pointer 小手； move 移动； help 帮助；
     */
    cursor: pointer;
    /* border: 2px solid #ffffffc5; */
    /* 正方形 --> 圆形 */
    border-radius: 50%;
}

.cloth-page .dot.first-dot {
    margin-left: 8px;
}

.cloth-page .cloth-page-num:hover,
.cloth-page .dot:hover {
    background: #333333;
    color: #FFFFFF;;
}